// 自己封装全局指令 就使用Vue.use() 调用了
// 1. 对象 + install 方法
// const dirrctiveObj = {
//   install (Vue) {
//     // VUe 函数相当于import Vue from 'Vue'
//     // 全局自定义指令
//     Vue.directive('fofo', {
//       // 指令所在标签,插入到真实DOM时,才触发
//       inserted (el) {
//         // el是原生div标签
//         // JS触发事件    .事件名  就可以
//         el.querySelector('input').focus()
//       }
//     })
//   }
// }

// export default dirrctiveObj

// 2. 函数本身
export default function (Vue) {
  // 全局自定义指令
  Vue.directive('fofo', {
    // 指令所在标签,插入到真实DOM时,才触发
    inserted (el) {
      // el是原生div标签
      // JS触发事件    .事件名  就可以
      if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
        el.focus()
      } else {
        const inp = el.querySelector('input')
        const textA = el.querySelector('textarea')
        if (inp) {
          inp.focus()
        }
        if (textA) {
          textA.focus()
        }
      }
      // el.querySelector('input').focus()
      // el.focus()
    },
    update (el) {
      // el是原生div标签
      // JS触发事件    .事件名  就可以
      if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
        el.focus()
      } else {
        const inp = el.querySelector('input')
        const textA = el.querySelector('textarea')
        if (inp) {
          inp.focus()
        }
        if (textA) {
          textA.focus()
        }
      }
      // el.querySelector('input').focus()
      // el.focus()
    }
  })
}
